﻿<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" href="/static/css/bootstrap.min.css" type="text/css" />
	<link href="/static/css/github.min.css" rel="stylesheet" />
    <link href="/static/css/docs.css" rel="stylesheet" />
    <link rel="stylesheet" href="/static/css/jquery-ui.css" />
    <script src="/static/js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="/static/js/jquery-ui.js" type="text/javascript" />
    <script src="/static/js/bootstrap.min.js" type="text/javascript"></script>
	<script type="text/javascript" >
	    $(function () {
	        $("#menu").menu();
	    })
	</script>
    <style type="text/css">
        body{background-color:#eee;}
        .head
        {
            background-color:#6699CC;
            margin-bottom:5px;
            }
		a{
			cursor:pointer;
		}
		#menu{
			text-align:left;
		}
		.font{
			font-size:18px;font-weight:bold;
			COLOR: #0099CC;
		}    
	</style>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"  />
    {% block head %}{% endblock %}
</head>
<body>
    <!--顶部标题栏-->
    <div class="navbar navbar-inverse navbar-fixed-top head">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" style="color:white; font-family:楷体_GB2312,'Times New Roman';font-size:20px;font-weight:bold">服务器管理系统</a>
            </div>
        </div>
    </div>
    <div style="height:10px;">&nbsp</div>
    <!--左边导航栏-->
    <div class="container bs-docs-container">
        <div class="row">
            <div class="col-md-2">
                <ul id="menu" class="nav-list">
                    <li>
                        <a href="#" class="font">日常事项</a>
                        <ul>
                          <li style="width:100px;"><a href="/todo/" >待办</a></li>
                          <li><a href="/done/">已办</a></li>
                        </ul>
                     </li>
                    <li>
						<a href="#" class="font">申请相关</a>
						<ul>
                          <li style="width:100px;"><a href="/apply/" >新申请</a></li>
                          <li><a href="/applyHistory/">申请历史</a></li>
                        </ul>
					</li>
                    <li>
						<a href="/userManagment/" class="font">用户管理</a>
					</li>
					<li>
						<a href="#" class="font">服务器管理</a>
					</li>
					<li>
						<a href="/departmentManagment/" class="font">部门管理</a>
					</li>
					<li>
						<a href="#" class="font">个人管理</a>
						<ul>
							<li style="width:100px;"><a href="#">密码修改</a></li>
						</ul>
					</li>
                    <li class="ui-state-disabled"><a href="#">Saarland</a></li>
                </ul>
            </div>
            <div class="col-md-1">
                &nbsp;
            </div>
            <div class="col-md-9">
                {% block content %}{% endblock %}
            </div>
        </div>
    </div>

    <!--底部-->
    <div>
        
    </div>
</body>
</html>